URL='http://localhost:8601/';
var table = layui.table;
var form = layui.form;
var token= localStorage.getExpire("token");
$(function () {
/*    layui.use('form', function(){
        var form = layui.form;

    }e[4);*/
    layui.use('laydate', function () {
        var laydate = layui.laydate;

        //执行一个laydate实例
        laydate.render({
            elem: '#test1' //指定元素
            ,type: 'datetime'
        });
        //执行一个laydate实例
        laydate.render({
            elem: '#test2' //指定元素
            ,type: 'datetime'
        });
        //执行一个laydate实例
        laydate.render({
            elem: '#advertising_startTime' //指定元素
            ,type: 'datetime'
        });
        //执行一个laydate实例
        laydate.render({
            elem: '#advertising_endTime' //指定元素
            ,type: 'datetime'
        });
        laydate.render({
            elem: '#advertising_startTime2' //指定元素
            ,type: 'datetime'
        });
        //执行一个laydate实例
        laydate.render({
            elem: '#advertising_endTime2' //指定元素
            ,type: 'datetime'
        });
    });
    table.render({
        xhrFields: {
            withCredentials: true
        },
        headers:{"Authorization":token},
        elem: '#demo',
        height:500,
        page: true,
        url: URL+'adver/AdverPage',
        method: 'post',
        toolbar: '#toolbarDemo',
        done: function (res, curr, count) {//自适应页面
            $("table").css("width", "100%");
        },
        cols: [[
            {field: 'advertising_id', title: '编号',  align: 'center'}
            , {field: 'advertising_enabled', title: '是否启用',sort: true,  align: 'center'}
            , {field: 'advertising_type', title: '类型',sort: true, align: 'center'}
            , {field: 'advertising_weight', title: '权重',sort: true, align: 'center'}
            , {field: 'advertising_title', title: '标题',  sort: true, align: 'center'}
            , {field: 'advertising_content', title: '内容', align: 'center'}
            , {field: 'advertising_startTime', title: '开始时间', sort: true,templet: '#titleTpl', align: 'center'}
            , {field: 'advertising_endTime', title: '结束时间',sort: true,align: 'center'}
            , {field: 'advertising_url', title: '链接', align: 'center'}
            , {field: 'advertising_img', title: '图片', align: 'center'}
            , {fixed: 'right', align: 'center',width:200, toolbar: '#barDemo', align: 'center'} //这里的toolbar值是模板元素的选择器
        ]]
    });
    var r;
    table.on('tool(test)', function (obj) { //注：tool是工具条事件名，test是table原始容器的属性 lay-filter="对应的值"
        var data = obj.data; //获得当前行数据
        var layEvent = obj.event; //获得 lay-event 对应的值
        var tr = obj.tr; //获得当前行 tr 的DOM对象
        if (layEvent === 'edit') { //编辑
            //do something
            layer.open({
                //layer提供了5种层类型。可传入的值有：0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）
                type: 1,
                title: "修改广告信息",
                area: screen() < 2 ? ['80%', '60%'] : ['1080px', '440px'],
                content: $('#popUpdateTest'),//引用的弹出层的页面层的方式加载修改界面表单
                cancel: function(index, layero){
                    if(confirm('确定要关闭么')){ //只有当点击confirm框的确定时，该层才会关闭
                        location.reload(true);
                    }
                    return false;
                }
            });
            form.val("formTest", data);
            //动态向表传递赋值可以参看文章进行修改界面的更新前数据的显示，当然也是异步请求的要数据的修改数据的获取
        }else if (layEvent === 'sele') { //编辑
            //do something
            layer.open({
                //layer提供了5种层类型。可传入的值有：0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）
                type: 1,
                title: "查看广告信息",
                area: screen() < 2 ? ['80%', '60%'] : ['480px', '440px'],
                content: $('#popUpdateTest1'),//引用的弹出层的页面层的方式加载修改界面表单
                cancel: function(index, layero){
                    if(confirm('确定要关闭么')){ //只有当点击confirm框的确定时，该层才会关闭
                        location.reload(true);
                    }
                    return false;
                }
            });
            form.val("formTest", data);
            //动态向表传递赋值可以参看文章进行修改界面的更新前数据的显示，当然也是异步请求的要数据的修改数据的获取
        }else if (layEvent === 'upload') { //上传图片
            //do something
            upRe(data.advertising_id);
            layer.open({
                //layer提供了5种层类型。可传入的值有：0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）
                type: 1,
                title: "上传图片",
                area: screen() < 2 ? ['80%', '60%'] : ['480px', '440px'],
                content: $('#uploadImage'),//引用的弹出层的页面层的方式加载上传界面
                cancel: function(index, layero){
                    if(confirm('确定要关闭么')){ //只有当点击confirm框的确定时，该层才会关闭
                        location.reload(true);
                    }
                    return false;
                }
            });
            form.val("formTest", data);
            //动态向表传递赋值可以参看文章进行修改界面的更新前数据的显示，当然也是异步请求的要数据的修改数据的获取
        }else if (layEvent === 'delete') { //删除
            var i=9;
            layui.use('layer', function(){
                layer.confirm('是否删除'+data.advertising_title+"这个广告? ", {
                    btn: ['是','否'+i+"秒后关闭"],
                    time: 10000, //10s后自动关闭
                    success: function(){
                        var fn = function() {
                            $(".layui-layer-btn1").text('否'+i+"秒后关闭");
                            i--;
                        };
                        interval = setInterval(function(){
                            fn();
                            if(i === 0){
                                clearInterval(interval);
                            }
                        }, 1000);
                    }
                },function(index){
                    $.ajax({
                        xhrFields: {
                            withCredentials: true
                        },
                        headers:{"Authorization":token},
                    url:URL+"adver/Adverdelete",
                    type:"post",
                    data:{id:data.advertising_id},
                    success:function (res) {
                        if (res == 1) {
                            layer.msg('删除成功200', {
                                time: 2000 //2秒关闭（如果不配置，默认是3秒）
                            }, function () {
                                location.reload(true);
                            });
                        } else {
                            layer.msg('删除失败500', {time: 3000})
                        }
                    }
                })
                    layer.close(index);
                },function(){
                    layer.msg('取消删除成功', {time: 3000})
                });
            })
            //do something

            //动态向表传递赋值可以参看文章进行修改界面的更新前数据的显示，当然也是异步请求的要数据的修改数据的获取
        }
    });


});
function addOpen() {
    layer.open({
        //layer提供了5种层类型。可传入的值有：0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）
        type: 1,
        title: "添加广告信息",
        area: screen() < 2 ? ['80%', '60%'] : ['880px', '440px'],
        content: $('#popUpdateTest3'),//引用的弹出层的页面层的方式加载修改界面表单
        cancel: function(index, layero){
            if(confirm('确定要关闭么')){ //只有当点击confirm框的确定时，该层才会关闭
                location.reload(true);
            }
            return false;
        }
    });
    form.val("formTest", "");
}
//判断浏览器大小方法
function screen() {
    //获取当前窗口的宽度
    var width = $(window).width();
    if (width > 1200) {
        return 3;   //大屏幕
    } else if (width > 992) {
        return 2;   //中屏幕
    } else if (width > 768) {
        return 1;   //小屏幕
    } else {
        return 0;   //超小屏幕
    }
}
function setFormValue() {
    $.ajax({
        xhrFields: {
            withCredentials: true
        },
        headers:{"Authorization":token},
        url:URL+'adver/AdverUpdate',
        data:{
            advertising_id: $("#advertising_id").val(),
            advertising_enabled: $("#advertising_enabled").val(),
            advertising_type: $("#advertising_type1").val(),
            advertising_weight: $("#advertising_weight").val(),
            advertising_title: $("#advertising_title").val(),
            advertising_content: $("#advertising_content").val(),
            advertising_startTime: $("#advertising_startTime").val(),
            advertising_endTime: $("#advertising_endTime").val(),
            advertising_url: $("#advertising_url").val()
        },
        dataType: "json",
        success:function (res) {
            if (res == 1) {
                layer.msg('编辑成功200', {
                    time: 2000 //2秒关闭（如果不配置，默认是3秒）
                }, function () {
                    location.reload(true);
                });
            } else {
                layer.msg('编辑失败500', {time: 3000})
            }
        }
    })
}
function addAdv(){
$.ajax({
    xhrFields: {
        withCredentials: true
    },
    headers:{"Authorization":token},
    url:URL+'adver/AdverInsert',
    data:{
        advertising_id: $("#advertising_id2").val(),
        advertising_enabled: $("#advertising_enabled2").val(),
        advertising_type: $("#advertising_type2").val(),
        advertising_weight: $("#advertising_weight2").val(),
        advertising_title: $("#advertising_title2").val(),
        advertising_content: $("#advertising_content2").val(),
        advertising_startTime: $("#advertising_startTime2").val(),
        advertising_endTime: $("#advertising_endTime2").val(),
        advertising_url: $("#advertising_url2").val()
    },
    dataType: "json",
    success:function (res) {
        if (res == 1) {
            layer.msg('添加成功200', {time: 2000 //2秒关闭（如果不配置，默认是3秒）
            }, function(){
                location.reload(true);
            });
        } else {
            layer.msg('添加成功200', {time: 2000})
        }
    }
})
}
function searchUsers() {
    var table = layui.table;
    var user_enabled = $("#zhuangtai").val();
    table.reload('demo', {
        xhrFields: {
            withCredentials: true
        },
        headers:{"Authorization":token},
        url: URL+'adver/AdverPage',
        where: {
            name: $("#advertising_type").val(),
            user_minDate: $("#test1").val(),
            user_maxDate: $("#test2").val()
        } //设定异步数据接口的额外参数
        //,height: 300
    });
}